<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>

    export default {
        name: 'App',
        components: {}
    }
</script>

<style>
  /* 声明全局样式和项目的初始化样式 */
  body, h1, h2, h3, h4, p, table, tr, td, ul, li, a, form, input, select, option, textarea {
    margin: 0;
    padding: 0;
    font-size: 15px;
  }

  a {
    text-decoration: none;
    color: #333;
  }

  ul, li {
    list-style: none;
  }

  table {
    border-collapse: collapse; /* 合并边框 */
  }

  img {
    width: 100%;
  }

  /* 工具的全局样式 */
  .full-left {
    float: left !important;
  }

  .full-right {
    float: right !important;
  }

  /* ElementUI的样式兼容 */
  [class*=" el-icon-"], [class^=el-icon-] {
    font-size: 50px;
  }

  .el-carousel__arrow {
    width: 120px;
    height: 120px;
  }

  .el-checkbox__input.is-checked .el-checkbox__inner,
  .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background: #ffc210;
    border-color: #ffc210;
    border: none;
  }

  .el-checkbox__inner:hover {
    border-color: #9b9b9b;
  }

  .el-checkbox__inner {
    width: 16px;
    height: 16px;
    border: 1px solid #9b9b9b;
    border-radius: 0;
  }

  .el-checkbox__inner::after {
    height: 9px;
    width: 5px;
  }

  .el-submenu__icon-arrow::before {
    content: "";
  }

  .el-submenu__title {
    padding: 0;
  }

  .el-menu--popup {
    min-width: 140px;
    margin-left: -100px;
  }


  .geetest_holder.geetest_wind {
    min-width: 100% !important;
    margin-top: 20px;
  }

  .el-pagination button, .el-pagination span:not([class*=suffix]),
  .el-input--mini,
  .el-pagination__sizes .el-input .el-input__inner,
  .el-pager li {
    font-size: 16px;
  }

  .brief_box img {
    max-width: 100%;
  }

  .el-button--danger {
    color: #FFF;
    background-color: #F56C6C;
    border-color: #F56C6C;
    margin-top: 105px;
  }

  .el-icon-minus, .el-icon-plus {
    font-size: 12px;
  }
</style>
